显然IE11没有的用户代理样式因此没有display:block;在上面。为什么没有用户代理样式？这是错误还是故意的？添加display:block;到主要元素就足够了，不过。 最佳答案 IE11确实不完全支持main元素。添加main{display:block;到你的CSS是IE9+的最佳解决方案。您不需要进行条件注释-因为display:block;是main元素的默认行为，它不会弄乱任何东西。 关于html-IE11缺少主要元素的用户代理样式(显示:block;)，我们在Stac

我正在使用自动化(即COM自动化)在InternetExplorer(9)中显示一些HTML:ie=CoInternetExplorer.Create;ie.Navigate2("about:blank");webDocument=ie.Document;webDocument.Write(szSourceHTML);webDocument.Close();ie.Visible=True;出现InternetExplorer，显示我的html，开头为:...Note:thehtml5standards-modeopt-indoctypehtml除了文档不是ie9标准模式；它处于ie8标

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗？更新问题，使其只关注一个问题editingthispost.关闭8年前。Improvethisquestion我目前正在Mac上设计网站。该设计在Chrome、Safari和Firefox中运行良好。现在我要用不同版本的InternetExplorer测试它。问题是我目前无法访问Windows机器。在Mac上测试IE网页设计的最佳方式是什么？

请参阅问题底部的解决方案。IE8(及更低版本)不适用于未知元素(即HTML5元素)，无法设置它们的样式或访问它们的大部分Prop。例如，他们有许多解决方法:http://remysharp.com/2009/01/07/html5-enabling-script/问题是这对于页面加载时可用的静态HTML非常有效，但是当之后创建HTML5元素时(例如包含它们的AJAX调用，或者简单地使用JS创建)，它会将这些新添加的元素标记为它们作为HTMLUnknownElement作为HTMLGenericElement(在IE调试器中)。有没有人知道解决这个问题的方法，以便IE8识别/启用新添加的

我们有两个包含内容的div和第三个div，它是一个具有绝对位置的背景。容器是一个flexbox。在Chrome和Safari中一切正常，但Firefox和IE11考虑绝对定位的div，并在div之间分配空间，就像连续3个div一样。我制作了jsfiddle示例。有什么办法可以修复这个错误吗？https://jsfiddle.net/s18do03e/2/div.container{display:flex;flex-direction:row;width:100%;height:300px;justify-content:space-between;width:100%;outline

HTML:VolvoSaabMercedesAudijQuery:$("#dropdown").prepend("");当我在FireFox或Chrome中运行它时，下拉菜单选择了新插入的空白选项。当我在IE8中运行它时，它仍然选择了沃尔沃。有什么想法吗？http://jsfiddle.net/YFu2h/ 最佳答案 改成这样，就可以了:$("#theSelectId").prepend("").val('');http://jsfiddle.net/YFu2h/1/似乎IE只在第一次遇到select时评估selected属性。

我想根据AngularController中函数的返回值设置div的位置以下内容在FireFox和chrome中运行良好，但在InternetExplorer中{{position($index)}}%被解释为文字字符串值，因此无效这是问题的一个例子:varapp=angular.module('app',[]);app.controller('controller',function($scope){$scope.items=[1,2,3,4,5,6,7,8,9,10];$scope.position=function(i){varpercent=[5,10,15,20,25,30,

我正在尝试调整Bootstrap选项卡，使它们跨越容器的整个宽度。这是我的代码(一个最小的工作示例):FullWidthTabsusingBootstrap.full-width-tabs>ul.nav.nav-tabs{display:table;width:100%;table-layout:fixed;/*Tomakeall"columns"equalwidthregardlessofcontent*/}.full-width-tabs>ul.nav.nav-tabs>li{float:none;display:table-cell;}.full-width-tabs>ul.na

我正在寻找一种将多个元素彼此相邻对齐的方法，让它们在填满一行后换行，最后一个元素占据最后一行的剩余宽度。我之前发现了多个关于类似主题的问题，解决方案通常使元素使用float:left将它们对齐在一条线上，并使用overflow:hidden使它自动占用剩余空间的最后一个元素。这些解决方案在一行中运行良好，但一旦在最后一个元素之前有足够多的元素，它们就会停止工作，它们会换成多行。然后，“last”元素仍然呈现在第一行(如果有足够的空间)，使其不再是最后一个元素。但是，我希望最后一个元素始终保持最后一个元素，将其放在最后一行(无论是哪一行)并自动占据那里的剩余空间。这对于一个包装flexb

我创建了一个包含社交图标的列表。这些图标应该环绕在小屏幕上。我使用flex-wrap:wrap;它在Firefox和Chrome中完美运行:但是InternetExplorer11(和IE10)不会打破这条线:代码笔示例在此处查看代码:http://codepen.io/dash/pen/PqOJrGHTML代码CSS代码body{background:#000;}div{background:rgba(255,255,255,.06);display:table;padding:15px;margin:50pxauto0;}ul{display:-webkit-flex;displa